<template>
  <div class="searchlist" name="searchlist">
    <div class="dv">
      <ul>
        <li v-for="item in dates">{{ item.word }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'searchlist',
  data() {
    return {
      value: '',
      list: [],
      lists:[],
    };
  },
  // 子组件转换
  components: {},
  // 数据引入
  mounted() {
  },
  created() {
    this.$axios({url: './search.json'}).then(res => {
      // console.log(res.data)
      this.list = res.data.list
    })
  },
  //点击函数事件
  methods: {},
  //计算事件
  computed: {},
  //数据监听
  watch: {},
  //过滤器
  filters: {},
  //设定自定义指令
  directives: {},
}
</script>
<style lang="scss" scoped>
.searchlist {
  width: 95vw;
  margin: 0 auto;

  .dv {
    text-align: left;

    ul {
      li {
        border-bottom: 1px solid #B5B5B5;
        box-sizing: border-box;
        padding: 10px;
        text-indent: 10px;
      }
    }
  }
}
</style>
